<template>
  <div>
    <h2>{{title}}</h2>  
    <p v-html="content"></p>
  </div>
</template>
<script>
export default {
  name:'about-vue-comp-constructor',
  data() {
    return {
      title:"我是.vue模板创建的组件",
      content:"使用.vue模板文件创建的组件本质上是vue-loader将这个文件编译成一个普通的不能在普通的obj对象.[template]xxxxx[/template]就被定义成对象的<b color='red'>.template属性.</b> 其他属性同理<ul><li>data</li><li>watch</li><li>methods</li><li>computed</li></ul>"
    }
  },
  components:{},
  directives:{},
  computed: {},
  methods: {},
  filters: {}
}
</script>

<style lang="sass" scoped>
  // css 省略
</style> 

